<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>黑马后台报名页面</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/commons/flx.js"></script>
    <style type="text/css">
    	body{
    		margin: 0px;padding: 0px;
    		font-size: 12px;
    		text-align: center;
    	}
    	
    	#container{
    		width: 980px;
    		height: 1200px;
    		background-color: #EAEAEA;
    		margin-top: 10px;
    	}
    	
    	#content{
    		margin-top: 10px;
    	}
    	
    	#left{
    		float: left;
    		width: 690px;
    		background-color: #FFF;
    		height: 800px;
    		margin-left: 10px;
    	}
    	
    	#right{
    		float: left;
    		width: 260px;
    		height: 600px;
    		margin-left: 10px;
    	}
    	
    	#right1{
    		background-color: #FFF;
    		height: 300px;
    		border: 1px solid red;
    	}
    	
    	#right2{
    		background-color: #FFF;
    		height: 300px;
    		border: 1px solid red;
    	}
    	
    	table{
    		font-size: 12px;
    	}
    	
    	.lable{
    		width: 100px;
    		text-align: right;
    		padding-right:20px;
    		height: 50px;
    	}
    	
    </style>

    <script type="text/javascript">
    	function checkName(){
    		var span = document.getElementById("s1");
    		var value = trim(document.regForm.name.value);
    		if(value==""){
    			span.innerHTML = "姓名不能为空！！"
    			return false;
    		}else if(!value.match(/^[\u4e00-\u9fa5]+$/)){
    			span.innerHTML = "姓名要是中文！！"
    			return false;
    		}else{
    			span.innerHTML = ""
    			return true;
    		}
    	}
    	
    	function checkGender(){
    		var span = document.getElementById("s2");
    		var genders = document.regForm.gender;
    		var b = false;
    		for(var i=0;i<genders.length;i++){
    			if(genders[i].checked){
    				b = true;
    			}
    		}
    		if(!b){
    			span.innerHTML = "请选择一个性别!!!";
    			return false;
    		}else{
    			span.innerHTML = "";
    			return true;
    		}
    	}
    	
    	function checkCellphone(){
    		var span = document.getElementById("s3");
    		var value = trim(document.regForm.cellphone.value);
    		if(value==""){
    			span.innerHTML = "手机不能为空！！"
    			return false;
    		}else if(!value.match(/^\d{11}$/)){
    			span.innerHTML = "手机号式不对！！"
    			return false;
    		}else{
    			span.innerHTML = ""
    			return true;
    		}
    	}
    	
    	function checkEmail(){
    		var span = document.getElementById("s5");
    		var value = trim(document.regForm.email.value);
    		if(value==""){
    			span.innerHTML = "邮箱不能为空！！"
    			return false;
    		}else if(!value.match(/^\w+@\w+(\.\w+)+$/)){  
    			span.innerHTML = "邮箱格式不对！！"
    			return false;
    		}else{
    			span.innerHTML = ""
    			return true;
    		}
    	}
    	
    	function checkCutomerStatus(){
    		var span = document.getElementById("s7");
    		var value = document.regForm.customerStatus.value;
    		if(value=="请选择"){
    			span.innerHTML = "请选择状况！！";
    			return false;
    		}else{
    			span.innerHTML = "";
    			return true;
    		}
    	}
    	
    	var isCommitted = false;
    	function dosubmit(){
    		var b1 = checkName();
    		var b2 = checkGender();
    		var b3 = checkCellphone();
    		var b4 = checkEmail();
    		var b5 = checkCutomerStatus();
    		
    		var b = b1&&b2&&b3&&b4&&b5;
    		
    		if(!isCommitted && b){
    			isCommitted = true;
    			return true;
    		}else{
    			return false;
    		}
    	}
    </script>
  </head>
  
  <body>
    
    <div id="container">
    	<div>
    	</div>
    
    	<div id="content">
    
	    	<div id="left">
	    		<div id="left1" style="font-size: 14px;line-height: 50px;font-weight: bold;color: red;text-align: left;padding-left: 30px;">
	    			用户行为还原系统<br/>
	    		</div>
	    		
	    		<div id="left2" style="text-align: left;">
	    			<form method="post" action="${pageContext.request.contextPath}/participle!save.action" name="regForm" onsubmit="return dosubmit()">
	    			<input type="hidden" name="method" value="add">
	    			<table>
	    			
	    				
	    				<tr>
	    					<td class="lable">
	    						选择
	    						<font color="red">*</font>
	    					</td>
	    					<td>
	    						<select name="customerStatus" onblur="checkCutomerStatus()">
	    							<option value="请选择">请选择</option>
	    						</select>
	    						<font color="red"><span id="s7"></span></font>
	    					</td>
	    				</tr>
	    				
	    				<tr>
	    					<td class="lable">行为还原智能分词</td>
	    					<td>
	    						
	    					</td>
	    				</tr>
	    				
	    				<tr>
	    					<td class="lable">分词设定</td>
	    					<td>
	    						<textarea rows="10" cols="50" name="speech">
	    						</textarea>
	    					</td>
	    				</tr>
	    				
	    				<tr>
	    					<td class="lable"></td>
	    					<td>
	    						<input type="submit" value="提交">
	    					</td>
	    				</tr>
	    			
	    			</table>
	    			</form>
	    		</div>
	    	</div>
	    	
	    	<div id="right">
	    		<div id="right1">
	    			<div style="background-color: #cb1d1d;height: 40px;font-size: 14px;color: 
	    			#FFF;font-weight: bold;text-align: left;padding-top: 10px;padding-left: 10px;margin: 1px;">
	    				中关村训练营
	    			</div>
	    			
	    			<div style="line-height: 35px;text-align: left;padding:10px; ">
	    				<br/>
						咨询电话：010-82826816<br/>
						交流平台：4006810006

	    				
	    			</div>
	    		</div>
	    		
	    		<div id="right2" style="margin-top: 20px;">
	    			<div style="background-color: #cb1d1d;height: 40px;font-size: 14px;color: 
	    			#FFF;font-weight: bold;text-align: left;padding-top: 10px;padding-left: 10px;margin: 1px;">
	    				xxxxxxx
	    			</div>
	    			<div style="line-height: 35px;text-align: left;padding:10px; ">
	    				由资深Java<br/>
						咨询电话：010-82826816<br/>
						交流平台：4006810006

	    				
	    			</div>
	    			<div>
	    			</div>
	    		</div>
	    	</div>
    	
    	</div>
    
    </div>
    
    
    
    
  </body>
</html>

